<template>
<div class="nbbox">
    <el-row>
        <el-col :span="4" id="bigtitle">管理系统</el-col>
        <el-col :span="4" id="nbtitle">Home主页板块</el-col>
        <el-col :span="4" id="nbtitle">Post发表模块</el-col>
        <el-col :span="4" id="nbtitle">Shop商店模块</el-col>
        <el-col :span="4" id="nbtitle">Mine我的模块</el-col>
    </el-row>
    <el-row>
        <el-col :span="4" offset="4"><router-link :to="{path:'/admin'}" id="nbrouter">花朵信息</router-link></el-col>
        <el-col :span="4"><router-link :to="{path:'/postInfo'}" id="nbrouter">帖子信息</router-link></el-col>
        <el-col :span="4"><router-link :to="{path:'/shopGoods'}" id="nbrouter">商品信息</router-link></el-col>
        <el-col :span="4"><router-link :to="{path:'/userInfo'}" id="nbrouter">用户信息</router-link></el-col>
    </el-row>
    <el-row>
        <el-col :span="4" offset="4"><router-link :to="{path:'/homeFamily'}" id="nbrouter">植物分类</router-link></el-col>
        <el-col :span="4"><router-link :to="{path:'/postType'}" id="nbrouter">帖子分类</router-link></el-col>
        <el-col :span="4"><router-link :to="{path:'/shopOrder'}" id="nbrouter">商品订单</router-link></el-col>
    </el-row>
</div>
</template>

<style scoped>

.nbbox {
    width: auto;
    height: auto;
    border:3px dashed #42b983;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 8px;
}

#nbrouter {
    color: black;
    text-decoration: none;
}

#nbtitle {
    color: #42b983;
}

#bigtitle {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bolder;
    color:#42b983;
}

</style>